*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul{
	list-style: none;
}
.cf{
	content:" ";
	display: table;
	clear:both;
}
.header{
	width:100%;
	height:7.2rem;
	background:url(../images/1.jpg) no-repeat center center;
	background-size: 100%;
	position:relative;
}

.ding{
	position: absolute;
	right:.2rem;
	top:.3rem;
	font-size:20px;
	border-radius: 50%;
	background:#fff;
	color:#CCCCCC;
	padding:.2rem;
}
.ding:hover{
	color:#40d1bf;
}
.box{
	padding-top:1.7rem;
}
.header-info{
	text-align: center;
	width:10.1rem;
	height:2.92rem;
	background:rgba(255,255,255, .8);
	margin:.3rem auto 0;
}
.header-info h1{
	padding-top:.62rem;
	font-size: .6rem;
}
.header-info p{
	padding-top:.7rem;
	font-size: .3rem;
}

.ding1{
	margin:.63rem auto .15rem;
	width:3rem;
}
.ding1 li{
	margin:0 .2rem;
	float: left;
	width:.3rem;
	height:.3rem;
	border-radius: 50%;
	background:#40d1bf;
}

.box1{
	position:absolute;
	left:.35rem;
	top:6.2rem;
	padding:.55rem;
	width:10.1rem;
	height:6.0rem;
	margin:0 auto;
}

.box1-size{
	font-size: .31rem;
}
.box-s{
	color:#40d1bf;
	font-size: 1.2rem;
}
.box1-1 li{
	float:left;
	width:2.1rem;
	text-align: center;
	margin:.5rem .6rem .6rem .2rem;
}



.toutiao{
	width:10.4rem;
	height:5rem;
	margin:6rem auto 0;
	position: relative;
}
.tou1{
	width:100%;
}
.tou1 h2{
	padding-left:.1rem;
	color:#40d1bf;
	float:left;
	font-size:20px;
}
.tou1 p{
	color:#ccc;
	float:right;
	font-size:18px;
}
.tou1 p:hover{
	color:#40d1bf;
}
.tou2{
	margin-top:.64rem ;
}
.tou2-1{
	float:left;
	width:3.55rem;
	height:2.65rem;
}
.tou2-1 img{
	width:100%;
	height:100%;
}

.tou2-2{
	margin-left:.2rem;
	width:6.42rem;
	float:left;
	height:2.45rem;
}
.tou2-2 h3{
	width:6.42rem;
	font-size:18px;
	margin-bottom: .3rem;
}
.tou2-2 p{
	font-size:.2rem;
}
.ding2{
	margin:.63rem auto .15rem;
	width:3rem;
}
.ding2 li{
	margin:0 .2rem;
	float: left;
	width:.3rem;
	height:.3rem;
	border-radius: 50%;
	background:#40d1bf;
}


.jing{
	width:100%;
	margin:.6rem auto 0;
}
.toujing{
	width:100%;
	height:.64rem;
}
.toujing h2{
	float:left;
	padding-left:.3rem;
	font-size:20px;
}
.toujing p{
	color:#ccc;
	font-size:18px;
	float:right;
	margin-right: .3rem;
}
.toujing p:hover{
	color:#40d1bf;
}
.jing-img{
	margin:.5rem auto 0;
	width:100%;
	height:4.66rem;
}
.jing-img img{
	width:100%;
	height:100%;
}
.zhan-img{
	margin:.6rem auto 0;
	width:100%;
	height:5rem;
}
.zhan-img img{
	float:left;
	width:2.45rem;
	height:2.43rem;
	margin:.1rem;
}
.zhan-img img:hover{
	border:.01rem solid #40d1bf;
}


.jia-left{
	margin:.2rem;
	float:left;
	width:4.9rem;
	height:4.8rem;
	border:.01rem solid #ccc;
}
.jia-left:hover{
	border:.01rem solid #40d1bf;
}
.jia-right:hover{
	border:.01rem solid #40d1bf;
}
.jia-left img{
	width:4.55rem;
	height:3.05rem;
	margin:.2rem;
}
.jia-left p{
	padding:.1rem .2rem;
	font-size:16px;
}
.jia-left p span{
	font-size:14px;
	color:#ccc;
}
.jia-right{
	float:left;
	width:4.9rem;
	height:4.8rem;
	border:.01rem solid #ccc;
}

.re-img{
	margin-top:.3rem;
	padding:0 .2rem;
	width:100%;
}
.info li{
	float:left;
	margin:.3rem .2rem 1.5rem 0;
}


.info li .foos{
	margin-bottom: .2rem;
}
.info li img{
	width:4.9rem;
	height:4.94rem;
}
.chan{
	font-size:16px;
}
.price{
	color:red;
	font-size:16px;
}

.footer{
	background:rgba(255,255,255, .5);
	position:fixed;
	left:0;
	bottom:0rem;
	width:100%;
	height:1.45rem;
}
.footer1{
	text-align: center;
}
.footer1 li{
	margin-top:-.3rem;
	text-align: center;
	float:left;
	width:2.5rem;
}
.footer1 li p{
	margin-top:-.2rem;
	font-size: 14px;
}
.footer1 li i{
	font-size: 20px;
}
.footer1 li:hover{
	color:#40d1bf;
}